<%--
  Created by IntelliJ IDEA.
  User: yongqiangyao
  Date: 2017/11/29
  Time: 10:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link   rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/main.css" />
</head>
<body>
<!-- Fixed navbar -->
<div class="container">
<div class="navbar navbar-inverse" >
    <div class="container">
    <div class="navbar-header">
    <a class="navbar-brand" href="#">广科电影网GKM</a>
    </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav pull-right">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">登录 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#" id="mainLogin" data-toggle="modal" data-target="#myModal">登录</a></li>
                        <li><a href="#" id="mainRegister"data-toggle="modal" data-target="#myModal2">注册</a></li>
                    </ul>
                </li>

            </ul>
        </div><!--/.nav-collapse -->
    </div>
</div>
</div>
    <div  class="row" style="margin-top: 0px">
        <div class="container">
        <ul class="nav nav-pills nav-justified">
            <li class="active"><a href="#">主页</a></li>
            <li><a href="#">选电影</a></li>
            <li><a href="#">电视剧</a></li>
            <li><a href="#">排行榜</a></li>
            <li><a href="#">分类</a></li>
            <li><a href="#">影评</a></li>
            <li><a href="#">2017年度榜单</a></li>
            <li id="search">
                <form class="form-inline my-2 my-lg-0">
                    <input class="form-control mr-sm-2" type="text" placeholder="Search">
                    <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
                </form>
            </li>
        </ul>
    </div>
    </div>
<div class="container">
    <div class="and1font" style="margin-top: 15px">
    </div>
    <span class="and1font">热门分类： </span>
    <a href="#" class="adi">动作片</a>
    <a href="#" class="adi">喜剧片</a>
    <a href="#" class="adi">爱情片</a>
    <a href="#" class="adi">科幻片</a>
    <a href="#" class="adi">恐怖片</a>
    <a href="#" class="adi">剧情片</a>
    <a href="#" class="adi">战争片</a>
    <a href="#" class="adi">国产剧</a>
    <a href="#" class="adi">港台剧</a>
    <a href="#" class="adi">日韩剧</a>
    <a href="#" class="adi">欧美剧</a>
    <a href="#" class="adi">其他</a>
    <div class="and1font" style="margin-bottom: 15px">
    </div>
</div>
<div style="background-color: white">
<div class="container" >
    <div class="article">
        <h4>正在热映：<span style="margin-right: 400px" class="right"><a>全部正在热映 »</a></span>
            <span>2</span>
            <span>/</span>
            <span>3</span>
            <span style="float: right" >
               <ul class="pager">
                   <li class="previous"style="margin-right: 10px"><a href="#">&larr; </a></li>
                   <li class="next"><a href="#"> &rarr;</a></li>
               </ul>
            </span>
        </h4>
            <ul class="img-list dis clearfix">
                <li><a class="play-img" href="#" title="追龙" target="_blank"><img src="../../static/Images/p2503997609.jpg" alt="追龙"></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                    <p>2017-动作片</p>
                </li>
                <li><a class="play-img" href="#" title="太空救援" target="_blank"><img src="../../static/Images/p2503997609.jpg"  alt="太空救援"></a><b><a href="/html/19130.html" title="太空救援" target="_blank">太空救援</a></b>
                    <p>2017-科幻片</p>
                </li>
            <li><a class="play-img" href="#" title="追龙" target="_blank"><img src="../../static/Images/p2503997609.jpg" alt="追龙" ></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
                <li><a class="play-img" href="www.baidu.com" title="追龙" target="http://www.baidu.com"><img src="../../static/Images/p2503997609.jpg" alt="追龙" ></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                    <p>2017-动作片</p>
                </li>
                <li ><a class="play-img" href="#" title="追龙"  ><img src="../../static/Images/p2503997609.jpg" alt="追龙"></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                    <p>2017-动作片</p>
                </li>
        </ul>
        <h4>最近高分电影：<span style="margin-right: 400px" class="right"><a>全部高分电影 »</a></span>
        </h4>
        <ul class="img-list dis clearfix">
            <li><a class="play-img" href="#" title="追龙" target="_blank"><img src="../../static/Images/p2503997609.jpg" alt="追龙"></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li><a class="play-img" href="#" title="太空救援" target="_blank"><img src="../../static/Images/p2503997609.jpg"  alt="太空救援"></a><b><a href="/html/19130.html" title="太空救援" target="_blank">太空救援</a></b>
                <p>2017-科幻片</p>
            </li>
            <li><a class="play-img" href="#" title="追龙" target="_blank"><img src="../../static/Images/p2503997609.jpg" alt="追龙" ></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li><a class="play-img" href="www.baidu.com" title="追龙" target="http://www.baidu.com"><img src="../../static/Images/p2503997609.jpg" alt="追龙" ></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li ><a class="play-img" href="#" title="追龙"  ><img src="../../static/Images/p2503997609.jpg" alt="追龙"></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
        </ul>
        <ul class="pagination blockcenter">
            <li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
        <h4>最近高分电视剧：<span style="margin-right: 400px" class="right"><a>全部高分电视剧 »</a></span>
        </h4>
        <ul class="img-list dis clearfix">
            <li><a class="play-img" href="#" title="追龙" target="_blank"><img src="../../static/Images/p2503997609.jpg" alt="追龙"></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li><a class="play-img" href="#" title="太空救援" target="_blank"><img src="../../static/Images/p2503997609.jpg"  alt="太空救援"></a><b><a href="/html/19130.html" title="太空救援" target="_blank">太空救援</a></b>
                <p>2017-科幻片</p>
            </li>
            <li><a class="play-img" href="#" title="追龙" target="_blank"><img src="../../static/Images/p2503997609.jpg" alt="追龙" ></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li><a class="play-img" href="www.baidu.com" title="追龙" target="http://www.baidu.com"><img src="../../static/Images/p2503997609.jpg" alt="追龙" ></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li ><a class="play-img" href="#" title="追龙"  ><img src="../../static/Images/p2503997609.jpg" alt="追龙"></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
        </ul>
        <ul class="pagination blockcenter">
            <li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
        <h4>最近高分动漫：<span style="margin-right: 400px" class="right"><a>全部高分动漫 »</a></span>
        </h4>
        <ul class="img-list dis clearfix">
            <li><a class="play-img" href="#" title="追龙" target="_blank"><img src="../../static/Images/p2503997609.jpg" alt="追龙"></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li><a class="play-img" href="#" title="太空救援" target="_blank"><img src="../../static/Images/p2503997609.jpg"  alt="太空救援"></a><b><a href="/html/19130.html" title="太空救援" target="_blank">太空救援</a></b>
                <p>2017-科幻片</p>
            </li>
            <li><a class="play-img" href="#" title="追龙" target="_blank"><img src="../../static/Images/p2503997609.jpg" alt="追龙" ></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li><a class="play-img" href="www.baidu.com" title="追龙" target="http://www.baidu.com"><img src="../../static/Images/p2503997609.jpg" alt="追龙" ></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
            <li ><a class="play-img" href="#" title="追龙"  ><img src="../../static/Images/p2503997609.jpg" alt="追龙"></a><b><a href="/html/18226.html" title="追龙" target="_blank">追龙</a></b>
                <p>2017-动作片</p>
            </li>
        </ul>
        <ul class="pagination blockcenter">
            <li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>
    <div class="aside">
        <div >
           <div class="rating_answer">
            站长强力推荐：
           </div>
            <table class="table">
                <tbody>
                <tr>
                    <td><span>1</span>  <a href="#">肖申克的救赎</a></td>
                </tr>
                <tr>
                    <td><span>2</span>  <a href="#">霸王别姬</a></td>
                </tr>
                <tr>
                    <td><span>3</span>  <a href="#">阿甘正传</a></td>
                </tr>
                <tr>
                    <td><span>4</span>  <a href="#">辛德勒的名单</a></td>
                </tr>
                <tr>
                    <td><span>5</span>  <a href="#">教父</a></td>
                </tr>
                <tr>
                    <td><span>6</span>  <a href="#">楚门的世界</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div >
            <div class="nicecommand">
                本站最受好评榜：
            </div>
            <table class="table">
                <tbody>
                <tr>
                    <td><span>1</span>  <a href="#">肖申克的救赎</a></td>
                </tr>
                <tr>
                    <td><span>2</span>  <a href="#">霸王别姬</a></td>
                </tr>
                <tr>
                    <td><span>3</span>  <a href="#">阿甘正传</a></td>
                </tr>
                <tr>
                    <td><span>4</span>  <a href="#">辛德勒的名单</a></td>
                </tr>
                <tr>
                    <td><span>5</span>  <a href="#">教父</a></td>
                </tr>
                <tr>
                    <td><span>6</span>  <a href="#">楚门的世界</a></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

</div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">登录</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="mainName" class="col-sm-2 control-label">用户名：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="mainName"
                                   placeholder="请输入用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mainPassword" class="col-sm-2 control-label">密码：</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="mainPassword"
                                   placeholder="请输入密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="Login">登录</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel2">注册</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="mainUserName" class="col-sm-3 control-label">用户名：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="mainUserName"
                                   placeholder="请输入用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mainEmail" class="col-sm-3 control-label">邮箱：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="mainEmail"
                                   placeholder="请输入邮箱">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mainRegisterPassword" class="col-sm-3 control-label">密码：</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="mainRegisterPassword"
                                   placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mainConfirmPassword" class="col-sm-3 control-label">确认密码：</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="mainConfirmPassword"
                                   placeholder="请输入确认密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="Register">注册</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>

</div>
    <div class="rf-footer rf-footer--standard" >
        <div class="navbar-brand2"><img src="../../static/Images/GuangKeSign.jpg" alt="GKM" width="40px" height="40px" style="margin-right: 10px">GKM</div>
        <a href="/about" class="rf-footer__page-link" target="_blank">框架架构师：姚永强</a>
        <a href="/about" class="rf-footer__page-link" target="_blank">前端UI设计师：姚永强</a>
        <a href="/about" class="rf-footer__page-link" target="_blank">前端开发人员：姚永强</a>
        <a href="/about" class="rf-footer__page-link" target="_blank">后端开发人员：姚永强</a>
        <br/>
        <br/>
        <a href="/about" class="rf-footer__link" target="_blank" >使用条款</a>
        <a href="/about" class="rf-footer__link" target="_blank" >使用联系：QQ:2683361531</a>
    </div>

<script src="../../static/jquery/jquery-3.1.1.min.js"></script>
<script src="../../static/bootstrap/bootstrap.min.js"></script>
<script src="../../static/layer/layer.js"></script>
<script src="../../static/js/main.js"></script>
<script src="../../static/js/common.js"></script>
</body>
</html>